<template>
  <el-card shadow="hover">
      <!-- 
      :value="detailContent.content"：引入要转换的内容
      :subfield = "false"：开启单栏模式
      :defaultOpen = "'preview'"：默认展示预览区域
      :toolbarsFlag = "false"：关闭工具栏
      :editable="false"：不允许编辑
      scrollStyle="true"：开启滚动条样式(暂时仅支持chrome)
      :ishljs = "true"：开启代码高亮 -->
    <mavon-editor
      class="md"
      :value="content" 
      :subfield="false"
      :defaultOpen="'preview'"
      :toolbarsFlag="false"
      :editable="false"
      :scrollStyle="true"
      :ishljs="true"
    ></mavon-editor>

  </el-card>
</template>

<script>
import { getContent } from "@/API/index.js";
export default {
  data() {
    return {
      content: "",
    };
  },
  mounted() {
    getContent(this.$route.params.id).then((res) => {
      console.log(res);
      this.content = res.data.content;
    });
  },
  methods: {

  },
};
</script>

<style scoped>
</style>